#center {
    .album-thumbnails {
        @include box-sizing(border-box);
        padding: 30px 0;
        width: 460px;
        float: left;

        ul {
            margin: 0;
            padding: 0;
            list-style: none;

            li {
                padding: 0;
                margin: 0 3px 3px 0;
                list-style: none;
                float: left;

                img {
                    display: block;
                    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+, IE10 */
                    filter: gray; /* IE6-9 */
                    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
                    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
                    -webkit-backface-visibility: hidden; /* Fix for transition flickering */

                    &:hover,
                    &.active {
                        filter: none;
                        -webkit-filter: grayscale(0%);
                    }
                }
            }
        }
    }

    .album-image {
        float: right;

        img {
            display: block;
        }
    }
}